<!--
 * @Descripttion: 编码设置弹窗组件
 * @version: V1.0
 * @Author: GW
 * @Date: 2022-05-23 10:49:52
 * @LastEditors: GW
 * @LastEditTime: 2022-05-23 16:27:54
-->
<template>
    <a-modal :visible="visible" :title="title" @cancel="hide" @ok="ok" :width="520">
        <div class="code-wrapper-box">
            
            <div class="lang">
                <div class="title">最大长度：</div>
                <div class="input">
                    <a-input></a-input>
                </div>
            </div>
            <div class="lang" v-for="(k,index) in array" :key="index">
                <div class="title">{{k}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级:</div>
                <div class="input">
                    <a-input></a-input>
                </div>
            </div>
        </div>

    </a-modal>
</template>
<script>
export default {
    props: {
        title: {
            type: String,
            default: '编码规则设置'
        }
    },
    data () {
        return {
            array:['一','二','三','四','五','六','七','八','九'],
            visible: false
        }
    },
    methods: {
        show () {
            this.visible = true;
        },
        hide () {
            this.visible = false;
        },
        ok () {
            this.$emit('back');
        }
    }
}
</script>
<style lang="less" scoped>
    .code-wrapper-box {
        .lang {
            width: 100%;
            display: flex;
            margin-bottom: 10px;
            .title {
                flex: 0 0 72px;
                line-height: 32px;
            }
            .input {
                flex: 0 0 1;
            }
        }

        .item {
            flex: 0 0 9%;
            margin-right: 1%;
        }
    }
</style>